Ext.define('NIM.view.Main' ,{
    extend: 'Ext.panel.Panel',
    alias: 'widget.main',
    //title: 'NIM - NETWORK INVENTORY MANAGEMENT',
    id	 : 'NimDashboard',
//    header :{
//	  height : 50,
//	},
    border: false,
    layout : 'border',
	bodyBorder: false,
    bodyStyle: 'background-color:white',
    items : [{
    			xtype : 'panel',
    			layout: 'accordion',
    			region:'west',
    			title : 'LIST MENU',
    			bodyStyle: 'background-color:black',
    			collapsible : true,
    			activeOnTop: false,
    			id: 'listmenu',
    			margin : '4 4 4 4',
    			width: 230,
    			//height : 500,
    			listeners: {
    			 	   afterrender: function(){
    			 		  MakeMenu();
    			 		  
    						}
    			    },
//    			items : [
//						{
//							    xtype: 'menu',
//							    floating: false,
//							    title   : 'HOME',
//							    width: 250,
//							    items: [
//									{
//									    xtype: 'menuitem',
//									    text: 'Home',
//									    height : 30,
//									    listeners: {
//							            	   click: function(){
//							            		   OpenTab('widget.mainhome','mainhome');
//													}
//							            
//								    			},
//									},
//								    {
//								        xtype: 'menuitem',
//								        text: 'My Profile',
//								        height : 30,
//								    }, 
//								    {
//								        xtype: 'menuitem',
//								        text: 'Change Password',
//								        height : 30,
//								    },
//								    {
//								        xtype: 'menuitem',
//								        text: 'Logout',
//								        height : 30,
//								        listeners: {
//							            	   click: function(){
//							            		   location.href='./Services/Security/User/Logout';
//													}
//							            
//								    			},
//								    }]
//								
//						},
//			    	     {
//						   
//						            xtype: 'menu',
//						            floating: false,
//						            title: 'DASHBOARD',
//						            width: 250,
//						            items: [
//							            {
//							                xtype: 'menuitem',
//							                text: 'MAIN DASHBOARD',
//							                height : 30,
//							                border : false,
//								            listeners: {
//								            	   click: function(){
//								            		   OpenTab('widget.dashboard','dashboard');
//														}
//								            
//									    			},
//							              
//							            }]
//						        	
//					     },
//					     {
//							   
//					            xtype: 'menu',
//					            floating: false,
//					            width: 250,
//					            title : 'REPORT',
//					            items: [
//						            {
//						                xtype: 'menuitem',
//						                text: 'KPI SUBMISSION',
//						                height : 30,
//						                border : false,
//						              
//						            }, 
//						            {
//						                xtype: 'menuitem',
//						                text: 'Asset NE',
//						                height : 30,
//							           
//						            },
//						            {
//						                xtype: 'menuitem',
//						                text: 'Site Cost',
//						                height : 30,
//						            }]
//					      
//				    },
//				    {
//				            xtype: 'menu',
//				            floating: false,
//				            title: 'ASSET DATA MASTER',
//				            width: 250,
//				            items: [
//				                {
//					                xtype: 'menuitem',
//					                text: 'Site List',
//					                height : 30,
//					                listeners: { 
//					            	   click: function(){
//					            		   OpenTab('widget.site_list','site_list');
//											}
//					            
//			                        	},
//					            }, 
//					            {
//					                xtype: 'menuitem',
//					                text: 'New Site Validation',
//					                height : 30,
//					            },
//					            {
//					                xtype: 'menuitem',
//					                text: 'Upload NE Data',
//					                height : 30,
//					            },
//					            {
//					                xtype: 'menuitem',
//					                text: 'Laccima Validation',
//					                height : 30,
//					            }]
//				        
//				    },
//				    {
//					  
//					        xtype: 'menu',
//					        floating: false,
//					        title: 'ASSET CHANGE',
//					        width: 250,
//					        items: [
//					            {
//				                    xtype: 'menuitem',
//				                    text: 'Relocation Site',
//				                    height : 30,
//				                    listeners: { 
//						            	   click: function(){
//								    				OpenTab('widget.RelocationSite','relocationsite');
//												}
//						            
//				                        	},
//				                },
//				                {
//				                    xtype: 'menuitem',
//				                    text: 'Relocation NE',
//				                    listeners: { 
//						            	   click: function(){
//								    				OpenTab('widget.RelocationNe','relocationne');
//												}
//						            
//				                        	},
//				                },
//				                {
//				                    xtype: 'menuitem',
//				                    text: 'Henti Operasi Site',
//				                    height : 30,
//					                listeners: { 
//					            	   click: function(){
//							    				OpenTab('widget.HentiOperasiSite','hentioperasisite');
//											}
//					            
//			                        	},
//				                   
//				                },
//				                {
//				                    xtype: 'menuitem',
//				                    text: 'Henti Operasi NE',
//				                    height : 30,
//				                    listeners: { 
//						            	   click: function(){
//								    				OpenTab('widget.HentiOperasiNe','hentioperasine');
//												}
//						            
//				                        	},
//				                },
//				                {
//				                    xtype: 'menuitem',
//				                    text: 'Dismantle Site',
//				                    height : 30,
//				                    listeners: { 
//						            	   click: function(){
//						            		      OpenTab('widget.DismantleSiteForm','dismantlesiteform');
//												}
//						            
//				                        	},
//				                },
//				                {
//				                    xtype: 'menuitem',
//				                    text: 'Dismantle NE',
//				                    height : 30,
//				                    listeners: { 
//						            	   click: function(){
//								    				OpenTab('widget.DismantleNE','dismantleNE');
//												}
//						            
//				                        	},
//				                },
//				                {
//				                    xtype: 'menuitem',
//				                    text: 'Asset Hilang',
//				                    height : 30,
//				                    listeners: { 
//						            	   click: function(){
//								    				OpenTab('widget.AssetHilang','assethilang');
//												}
//						            
//				                        	},
//				                }]
//					    
//				   },
//				   {
//						    xtype: 'menu',
//						    floating: false,
//						    title: 'FAR',
//						    width: 250,
//						    items: [
//							    {
//							        xtype: 'menuitem',
//							        text: 'Reconsiliation',
//							        height : 30,
//							    }, 
//							    {
//							        xtype: 'menuitem',
//							        text: 'Upload FAR Data',
//							        height : 30,
//							    }]
//							
//				  },
//				  {
//					
//						    xtype: 'menu',
//						    floating: false,
//						    title: 'ADMINISTRATION',
//						    width: 250,
//						    items: [
//							    {
//                                    xtype: 'menuitem',
//                                    text: 'Asset Categories',
//                                    height : 30,
//								    listeners: { 
//					            	   click: function(){
//							    				OpenTab('widget.Asset_Category','asset_category');
//											}
//			                        	},
//                                },
//                                {
//                                    xtype: 'menuitem',
//                                    text: 'Asset Sub Categories',
//                                    height : 30,
//	                                listeners: { 
//					            	   click: function(){
//							    				OpenTab('widget.asset_subcategory_main','asset_subcategory_main');
//											}
//			                        	},
//                                },
//                                {
//                                    xtype: 'menuitem',
//                                    text: 'Asset Change Reason',
//                                    height : 30,
//                                    listeners:{
//                                    	click:function(){
//                                    			OpenTab('widget.AssetChangeReason','assetChangeReason');
//                                    	}
//                                    }
//                                },
//                                {
//                                    xtype: 'menuitem',
//                                    text: 'Warehouse',
//                                    height : 30,
//	                                listeners: { 
//					            	   click: function(){
//							    				OpenTab('widget.Warehouse','warehouse');
//											}
//					            
//			                        	},
//                                },
//                                {
//                                    xtype: 'menuitem',
//                                    text: 'Cost NSR Formula',
//                                    height : 30,
//                                },
//                                {
//                                    xtype: 'menuitem',
//                                    text: 'Cost PLN Formula',
//                                    height : 30,
//                                },
//                                {
//                                    xtype: 'menuitem',
//                                    text: 'Cost Non PLN Formula',
//                                    height : 30,
//                                }]
//							
//				  },
//				  {
//					
//						    xtype: 'menu',
//						    floating: false,
//						    width: 250,
//						    title: 'USER MANAGEMENT',
//						    items: [
//							    {
//							        xtype: 'menuitem',
//							        text: 'User Management',
//							        height : 30,
//								    listeners: {
//						            	   click: function(){
//						            	          OpenTab('widget.user_UserAdministration','user_UserAdministration');
//												}
//						            
//							    			},
//							    }, 
//							    {
//							        xtype: 'menuitem',
//							        text: 'Group Management',
//							        height : 30,
//								    listeners: { 
//					            	   click: function(){
//					            		   		OpenTab('widget.user_GroupAdministration','user_GroupAdministration'); 
//											}
//					            
//			                        	},
//							    },
//							    {
//							        xtype: 'menuitem',
//							        text: 'Audit Trail',
//							        height : 30,
//							    }]
//							}
//				  
//				  ]
				 
         },
         {
        	xtype : 'tabpanel',
        	//title : 'MAIN CONTENT',
        	id    : 'maincontent',
        	region:'center',
        	margin : '4 0 4 0',
        	collapsible : false,
        	 listeners: { 
        		 tabchange: function( tabPanel, newCard, oldCard, eOpts ){
        			 var id = this.activeTab.id;
        			 tabchange(id);
						}
          
              	},
        	
        	items : [
	        	{
	        		xtype :'mainhome',
	        	}]
         
         },
         {
         	xtype : 'panel',
         	title : 'FOOTER',
         	region:'south',
         	collapsible : true,
          
         },
         {
          	xtype : 'panel',
          	region:'north',
          	height:80,
	         layout : {
	             type : 'table',
	             columns : 3
	         },
          	collapsible : false,
          	border  : false,
          	bodyStyle: "background-image:url(./images/red-header.png)",
          	items : [{
	          	xtype:'image',
	            id: 'nim-logo',
	            margin:'15 0 0 25',
	            src: './images/nim-logo.png',
	          	},
	          	{
	          	xtype:'image',
	            id: 'telkomsel-logo',
	            margin:'15 0 0 25',
	            src: './images/tsel-logo.png',
	          		
	          	}]
	          	
          	
           
          }
         ]
         
});